用js实现随机数抽号 您所在的位置:网站首页 js 实现抽奖 用js实现随机数抽号

用js实现随机数抽号

2024-07-05 16:53| 来源: 网络整理| 查看: 265

首先我们在body里面定义一个按钮和一个盒子,按钮是为了控制抽取的开始和结束,盒子是为了显示抽取的数字。

代码如下:

0 开始

接着来到最关键的地方,js的实现,首先我先说一下这个代码的核心

js产生随机数通常是使用javascript的Math.random()函数

常用的几种方法:Math.random()表示:结果为0-1之间(包括0,不包括1);

Math.floor(Math.random()*10+1)表示结果为1-10之间的一个随机数

Math.floor(Math.random()*24)表示结果为0-23间的随机数

1.Math.random();返回0-1之间的随机数,可能为0,但是总是小于1,[0,1)

返回指定范围随机数(m~n)之间的范围的公式为:

Math.random()*(n-m)+m

2.Math.ceil(n);返回大于等于n的最小整数(向上取整)

用Math.ceil(Math.random()*10)时,主要获取1到10的随机整数,取0的几率很小

3.Math.round(n)返回n四舍五入后整数的值

用Math.round(Math.random());可均衡获取0和1的随机整数

用Math.round(Math.random()*10)时,可基本均衡获取0到10的随机整数

4.Math.floor(n)返回小于等于n的最大整数(向下取整)

用Math.floor(Math.random(*10))时,可均衡获取0到9的随机整数 js完整代码如下:

var flag=false; var timeId; document.getElementById("btn").onclick=function(){ if (!flag) { timeId=setInterval(function(){ var r=Math.round(Math.random()*100+1); document.getElementById('t').innerHTML=r; },20) flag=true; this.innerHTML="暂停"; }else{ clearInterval(timeId); flag=false; this.innerHTML="开始"; } }

运行效果如下:

 

 

 

完整代码如下:

0 开始 var flag=false; var timeId; document.getElementById("btn").onclick=function(){ if (!flag) { timeId=setInterval(function(){ var r=Math.round(Math.random()*100)+1; document.getElementById('t').innerHTML=r; },20) flag=true; this.innerHTML="暂停"; }else{ clearInterval(timeId); flag=false; this.innerHTML="开始"; } }


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有